import React from "react";
import {Breadcrumb, Divider} from "antd";
import {Link, Outlet} from "react-router-dom";

const provinces = [
    '全部', '河北省', '山西省', '辽宁省', '吉林省', '黑龙江省', '江苏省',
    '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省',
    '湖南省', '广东省', '海南省', '四川省', '贵州省', '云南省', '陕西省',
    '甘肃省', '青海省', '内蒙古自治区', '广西壮族自治区', '西藏自治区',
    '宁夏回族自治区', '新疆维吾尔自治区', '北京市', '天津市', '上海市', '重庆市',
]   //各个省份的表格，用来给二级做nav

export default function Home() {

    return(
        <div>
        <nav>
            <Divider>选择要查看的省份</Divider>
            <Breadcrumb>  {/* 生成省份选择面包屑 */}
                {provinces.map((province) =>
                    <Breadcrumb.Item key={provinces.indexOf(province)+100}>
                        <Link to={`/home/${province}`} key={province}>{province}</Link>
                    </Breadcrumb.Item>)
                }
            </Breadcrumb>
        </nav>
        <Outlet />
        </div>
    );
}